<template>


  <SearchTablePage :search-config="baseTableSearchModel" :table-config="baseTableModel" />

</template>

<script lang="ts" setup>
defineOptions({
  name: 'DrillInfoSignPageData',   //全局别名
  title: '表格页',   //标题
});
import SysAreaApi from '~/src/api/common/SysAreaApi';
// 接口
import DrillInfoSignApi from '/@/api/webPath/DrillInfoSignApi.ts';


import FORM_FIELD_TYPE from '/@/constants/FormFieldType';
import VDialog from '/@/utils/dialogUtil.ts'

const router = useRouter();
const baseTable = ref(null as any);
const baseTableSearch = ref(null as any);
const editRef = ref<any>(null);
const townList = ref([])
onMounted(async () => {
  const data = (await SysAreaApi.getSysAreaList({})).data
  const province = data.find(x => x.name === '江苏省')
  const city = province && province.children.find(x => x.name === '常州市')
  townList.value = city && city.children.map(x => ({ value: x.code, label: x.name }))
  console.log(townList.value)
  console.log("sys area data: ", data)
})


// 表格搜索初始化searchModel
const baseTableSearchModel = ref({
  columnCount: 4,
  expandLimit: 6,
  autoFit: true,
  columnWidth: '300px',
  labelPosition: 'right',
  labelWidth: '100px',
  items: [ //搜索项初始化

    // {
    //             label: "序号",
    //             field: "id",
    //             clearable: true,
    //             type: FORM_FIELD_TYPE.INPUT,

    //            placeholder:"请输入",

    //         },

    {
      label: "培训名称",
      field: "drillName",
      clearable: true,
      type: FORM_FIELD_TYPE.INPUT,
      search: true,
      placeholder: "请输入",

    },

    {
      label: "姓名",
      field: "staffName",
      clearable: true,
      type: FORM_FIELD_TYPE.INPUT,

      placeholder: "请输入",

    },

    // {
    //   label: "对应单位",
    //   field: "drillSponsor",
    //   clearable: true,
    //   type: FORM_FIELD_TYPE.INPUT,
    //   placeholder: "请输入",

    // },
    // {
    //             label: "对应乡镇",
    //             field: "townId",
    //             clearable: true,
    //             type: FORM_FIELD_TYPE.SINGLE_LAYER_SELECT,

    //            placeholder:"请输入",

    //         },

    // {
    //             label: "签到时间",
    //             field: "signDate",
    //             clearable: true,
    //             type: FORM_FIELD_TYPE.DATE_RANGE,
    //            placeholder:"请输入",

    //         config: {
    //             props: {   //日期精度配置
    //                  type: "daterange",
    //                 startPlaceholder: "开始日期",
    //                 endPlaceholder: "结束日期",
    //                 format: "YYYY-MM-DD",
    //                   }
    //            },
    //         },

    // {
    //             label: "签到内容",
    //             field: "signContent",
    //             clearable: true,
    //             type: FORM_FIELD_TYPE.INPUT,

    //            placeholder:"请输入",

    //         },

    // {
    //             label: "创建人",
    //             field: "creator",
    //             clearable: true,
    //             type: FORM_FIELD_TYPE.INPUT,

    //            placeholder:"请输入",

    //         },

    // {
    //             label: "修改人",
    //             field: "reviser",
    //             clearable: true,
    //             type: FORM_FIELD_TYPE.INPUT,

    //            placeholder:"请输入",

    //         },

    // {
    //             label: "排序",
    //             field: "sort",
    //             clearable: true,
    //             type: FORM_FIELD_TYPE.INPUT,

    //            placeholder:"请输入",

    //         },

    // {
    //             label: "创建时间",
    //             field: "create_time",
    //             clearable: true,
    //             type: FORM_FIELD_TYPE.DATE_RANGE,
    //            placeholder:"请输入",

    //         config: {
    //             props: {   //日期精度配置
    //                  type: "daterange",
    //                 startPlaceholder: "开始日期",
    //                 endPlaceholder: "结束日期",
    //                 format: "YYYY-MM-DD",
    //                   }
    //            },
    //         },

  ],

  buttons: [    //功能区域
    // {
    //   name: "导出",
    //   buttonClass: 'primary',
    //   width: 100,
    //   click: ({ row, handlers }) => {   //暴露的方法钩子
    //     DrillInfoSignApi.pageDataXls(handlers.getRequestParams(), handlers.getXlsTitle())
    //   }
    // },
    {
      name: "导出",
      buttonClass: "primary",
      width: 100,
      click: ({ row, handlers }) => {
        //暴露的方法钩子
        DrillInfoSignApi.pageDataXls(
          handlers.getRequestParams(),
          handlers.getXlsTitle()
        );
      },
    },

    //   {
    //         name: "新增",
    //         buttonClass: 'primary',
    //         width: 100,
    //         click: ({row,handlers}) => {        // 点击回调事件方法钩子，  点击触发

    //             VDialog.open({
    //                 title: '新增',

    //                 content:{ //内容初始形式
    //                     type: 'component', //text:"",预留文本
    //                     name:'/webPath/drillInfoSign/edit',
    //                     query: {  },

    //                 },

    //                 callBack: (data:any) => {
    //                   handlers.refresh()
    //                 },
    //                 onClose: () => {
    //                     console.log("对话框已关闭");
    //                 },
    //             });

    //         },
    //     },
    {
      name: "批量删除",
      buttonClass: 'danger',
      width: 100,
      isShow: (row: any) => {
        return true;
      },
      click: () => {   //暴露的方法钩子
        console.log(baseTable.value.getSelection());
      },
    },
    {
      name: "刷新",
      buttonClass: 'primary',
      width: 100,
      click: ({ handlers }: { handlers: any }) => {   //暴露的方法钩子
        handlers.refresh();
      },
    },
  ]
})
// 表格初始化Model
const baseTableModel = ref({
  border: true,
  pagination: true,
  inline: true,
  selectable: true,
  isFullscreen: false,
  minWidth: '200px',
  data: {    //table  初始化
    current: 1,
    size: 10,
    total: 100,
    data: []
  },
  requestData: { api: DrillInfoSignApi.getPageData, query: {} },   //数据源 参数有效性： 'steady|transient'
  columns: [
    // {
    //   label: "序号",
    //   field: "id",
    //   width: 100,
    // },
    {
      label: "培训名称",
      field: "drillName",
      width: 200,
    },
    {
      label: "姓名",
      field: "staffName",
      width: 200,
    },
    // {
    //   label: "对应单位",
    //   field: "drillSponsor",
    //   width: 120,
    // },
    // {
    //   label: "对应乡镇",
    //   field: "townId",
    //   width: 120,
    // },
    {
      label: "手机号",
      field: "phone",
      width: 180,
    },
    {
        label: "身份证",
        field: "staffIdentity",
        width: 200,
    },
    {
      label: "签到时间",
      field: "signDate",
      width: 240,
    },
    // {
    //   label: "签到内容",
    //   field: "signContent",
    //   width: 280,
    // },
    // {
    //   label: "创建人",
    //   field: "creator",
    //   width: 180,
    // },
    // {
    //   label: "修改人",
    //   field: "reviser",
    //   width: 180,
    // },
    // {
    //   label: "排序",
    //   field: "sort",
    //   width: 120,
    // },
    {
      label: "创建时间",
      field: "create_time",
    },
    {
      label: "更新时间",
      field: "update_time",
    },
  ],


  // actions: [
  // {
  //     name: "详情",

  //     buttonClass: 'primary',
  //     buttonType: 'text',
  //     click: ({row,index,handlers}) => {

  //         //router.push({name: 'CompanyInfoDetail',})
  //         VDialog.open({
  //             title: '详情',
  //             content:{ //内容初始形式
  //                 type: 'component', //text:"",预留文本
  //                 name:'webPath/drillInfoSign/detail',
  //                 query: { drillInfoSignId: row.id },

  //             },
  //             callBack: (data:any) => {
  //               handlers.refresh()
  //             },
  //             onClose: () => {
  //                 console.log("对话框已关闭");
  //             },
  //         });
  //     },
  //     isShow: (row: object) => {
  //         return true;
  //     },
  //     fixed: 'right'
  // },
  // {
  //     name: "编辑",
  //     buttonClass: 'primary',   //按钮颜色控制
  //     buttonType: 'text',      // 按钮风格   text  link  button
  //     isShow: (row: object) => {  //根据业务做动态隐藏张氏
  //         return true
  //     },
  //     click: ({row,index,handlers}) => {        // 点击回调事件方法钩子，  点击触发

  //         VDialog.open({
  //             title: '编辑',
  //             content:{ //内容初始形式
  //                 type: 'component', //text:"",预留文本
  //                 name:'webPath/drillInfoSign/edit',
  //                 query: { drillInfoSignId: row.id },

  //             },

  //             callBack: (data:any) => {
  //               handlers.refresh()
  //             },
  //             onClose: () => {
  //                 console.log("对话框已关闭");
  //             },
  //         });

  //     },
  //     fixed: 'right'
  // },

  // {
  //     name: "删除",
  //     buttonClass: 'danger',
  //     buttonType: 'text',
  //     fixed: 'right',
  //     click: ({row,index,handlers}) => {

  //             $baseConfirm('您确定要删除当前项吗', null, async () => {

  //             const { message } =  await DrillInfoSignApi.del({  drillInfoSignIds: row.id })
  //                 $baseMessage(message, 'success', 'vab-hey-message-success');

  //         handlers.refresh()

  //         })

  //     }
  // },

  // ]

})



onActivated(() => {
})



</script>
